<!DOCTYPE html>
<html xmlns:th="https://www.thymeleaf.org/">

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="keywords" content="">
		<title>众筹中原-提供您身边的万元股权投资项目</title>
		<meta name="keywords" content="众筹中原,众筹,众筹平台,众筹网,产品众筹,实物众筹,有偿众筹,河南众筹,中原众筹,本地众筹,本土众筹,郑州众筹">
		<meta name="description" content="众筹平台.通过线上,线下的推广并与本土优势媒体机构合作,为梦想发起人提供务实而精到的众筹服务.众筹中原网业务:公益众筹,产品众筹等.">
		<link rel="stylesheet" th:href="@{/css/bootstrap.min.css}">
		<link th:href="@{/css/font-awesome.min93e3.css}" rel="stylesheet">
		<link th:href="@{/css/awesome-bootstrap-checkbox.css}" rel="stylesheet">
		<link th:href="@{/css/common.css}" type="text/css" rel="stylesheet">
		<link rel="shortcut icon" href="http://www.zczyw.com/Public/statics/img/favicon.ico">
		<link th:href="@{/css/style.css}" type="text/css" rel="stylesheet">
		<link rel="stylesheet" th:href="@{/css/public.css}" />
		<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=GUC2himhAkmCQSg046giIZ4Rc8iMrZyb"></script>
		<style>
			#allmap {
				margin: 20px 0;
				margin-left: 20px;
				width: 490px;
				height: 180px;
			}
			
			.pro_mes {
				background: #f8f8f8;
				font-size: 16px;
				color: #333;
				padding: 30px;
			}
			
			.pro_mes p {
				font-size: 14px;
				color: #333;
				line-height: 25px;
			}
			
			.pro_mes p span {
				float: right;
			}
			
			.pro_mes p i {
				font-size: 16px;
				margin-right: 5px;
				margin-left: 5px;
			}
			
			.pro_mes h3 {
				font-size: 15px;
				font-weight: bold;
				margin-top: 25px;
			}
			
			.pro_mes h3:first-child {
				margin: 0;
			}
			
			.pro_mes p i.icon-weitijiao {
				color: red;
			}
		</style>
	</head>

	<body>
		<!-- 头部 -->
		<!-- 头部 -->
		<header>
			<div class="center clearfix">
				<div class="rt_head">
					<span>
						<img src="/images/head_call.png" alt=""> 官方咨询电话：
						<b>400-999-8235</b>
					</span>
					<span>
						<img src="/images/head_scan.png" />微信公众号
					</span>
					<span>
						<a href="###">
							关于我们
						</a>
					</span>
				</div>
			</div>
		</header>
		<!-- 导航nav -->
		<nav>
			<div class="center" style="position: relative;">
				<a href="/" class="logo"></a>
				<div class="nav_tab">
					<a href="/">首页</a>
					<a href="/productShow/">展示类项目</a>
					<a href="/zczyItem/transactionalOne/">交易类项目</a>
					<a href="okProject">已成功项目</a>
					<a href="fundingCommunity">众筹社区</a>
				</div>
				<a href="sponsorFunding" class="gradient add_zc">
					+发起众筹
				</a>
				<div class="log_txt">
					<a href="###">登录</a>|
					<a href="###">注册</a>
				</div>
			</div>
		</nav>

		<!--  -->
		<div class="nuk"></div>

		<!-- 详情 -->
		<div class="tj" style="background:#F6F6F6;">
			<div class="w">
				<div class="dtlstop_rwh">
					<!-- 右 -->
					<div class="lt_rwh">
						<div class="lt_nrw">
							<div>
								<div class="img_srw item"><img th:src="${zczyItem.getDetailImg()}"></div>
								<div class="rt_t item">
									<h3 th:text="${zczyItem.getTitle()}"></h3>
									<div class="fqr">
										<ul>
											<li >
												<a class="iconfont icon-liulan" ></a>浏览: <span th:text="${zczyItem.getViews()}"></span>
											</li>
										</ul>
									</div>
									<div>
										<div class="xbk">
											<p style="height: 120px; line-height:24px;font-size:16px;color:#646464;overflow-y: hidden;"> <span th:text="${zczyItem.getBrief()}"></span></p>
											<div class="" style="position: absolute;bottom: 116px; ">
											</div>
										</div>

									</div>

								</div>
							</div>
						</div>
					</div>

					<!-- 左 -->
					<div class="rt_rwh itfd">
						<div class="schedule_box f_l">
							<span class="pro_status_fail"></span>
							<div class="schedule_m">
								<div class="loading-progress">
									<span title="100.77%">
										<div class="loading-container">
									<i width="15" height="15" class="myCanvas"></i>
									<span class="loading-point"></span>

									<span class="loading-detail f14">意向投资金额：<i>￥<i th:text="${zczyItem.getActAmount()}"></i>元</i></span>
								</div>
<!--								<div class="loading-bar gradient" style="width:50%;"><span style="width: 88px"><a class="loading-bar" th:text="${floor}"></a> %</span></div>-->
								<div class="loading-bar gradient" th:style="${proportion}"><span style="width: 88px"><a class="loading-bar" th:text="${floor}"></a> %</span></div>

								<div class="loading-container syndicate-goal">
									<span class="loading-detail f14">筹集目标：￥<a th:text="${zczyItem.getTargetAmount()}"></a>元</span>
									<span class="loading-point"></span>
									<i width="15" height="15" class="myCanvas"></i>
								</div>
								</span>
							</div>
							<div class="blank0"></div>
							<div class="target_money f_999">
								<span>此项目须在 <span class="f_money"><a class="f_money" th:text="${zczyItem.getEndTime()}"></a></span> 前，获得<span class="f_money">¥<a class="f_money" th:text="${zczyItem.getTargetAmount()}"></a>元</span>的意向投资才可成功!</span>
							</div>
							<div class="info-area mb20">
								<div class="info-content">
									<p class="content-val" th:text="${result}"></p>
									<p class="start-num f14">剩余份数</p>
								</div>
								<div class="info-line"></div>
								<div class="info-content">
									<p class="content-val"><a class="content-val" th:text="${dayTime}"/> 天</p>
									<p class="start-num f14">剩余时间</p>
								</div>
								<div class="info-line next"></div>
								<div class="info-content">
									<p class="content-val" th:text="${zczyItem.getPerMoney()}"></p>
									<p class="start-num f14">起投金额</p>
								</div>
							</div>
							<!--<a href="#zhichi" class="btn support-btn bg_gray" style="width: 100%;">立即支持</a>-->
							<div class="buttonBox">
								<a class="gradient" style="width: 100%;">意向投资</a>			
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- 选项卡 -->
			<div class="tab_xxk">
				<div class="xqTabH" id="xqTabH">
					<div class="xqInner clearfix">
						<ul class="xqTab_ul tab" id="xqTab_ul">
							<li class="bcur">
								<a>项目概况</a>
							</li>
							<li>
								<a>融资方案</a>
							</li>
							<li>
								<a>支持记录（<b>5</b>）</a>
							</li>
							<!--<li><a>项目动态</a></li>-->
						</ul>
					</div>
				</div>
			</div>
			<div class="con_tab clearfix">
				<div class="details-content">
					<!--项目主页-->
					<div class="content-list" style="display: block;">
						<div class="tbimg">
							<div class="project-support" style="min-height: 873px;">
								<img src="images/5aa3a17b972b9.jpg" />
								<div class="pro_mes">
									<p><i class="iconfont icon-tishi" style="color: red;"></i>审核资料信息由项目发起方提供，众筹中原对项目风险及收益不做担保，任何股权投资均具有一定风险根据能力决定是否投资。</p>
									<h3>资质审核</h3>
<!--									<p>1、法人代表身份证<span><a th:text="${one.getLegalIdCard()==1?'已提供':'未提供'}"/><i class th:text="${one.getLegalIdCard()==1?'= iconfont icon-yitijiao':'= iconfont icon-weitijiao'}"></i></span></p>-->
									<p>1、法人代表身份证<span><a th:text="${one.getLegalIdCard()==1?'已提供':'未提供'}"/><i th:class="${one.getLegalIdCard()==1?'iconfont icon-yitijiao':'iconfont icon-weitijiao'}"></i></span></p>
									<p>2、统一社会信用代码 / 营业执照、税务登记证、开户许可证<span><a th:text="${one.getLicense()==1?'已提供':'未提供'}"/><i th:class="${one.getLicense()==1?'iconfont icon-yitijiao':'iconfont icon-weitijiao'}"></i></span></p>
									<p>3、公司经营照片<span><a th:text="${one.getCompanyPicture()==1?'已提供':'未提供'}"/><i th:class="${one.getCompanyPicture()==1?'iconfont icon-yitijiao':'iconfont icon-weitijiao'}"></i></span></p>
									<p>4、场地租赁合同<span><a th:text="${one.getSiteContract()==1?'已提供':'未提供'}"/><i th:class="${one.getSiteContract()==1?'iconfont icon-yitijiao':'iconfont icon-weitijiao'}"></i></span></p>
									<p>5、财务报表<span><a th:text="${one.getFinancialStatements()==1?'已提供':'未提供'}"/><i th:class="${one.getFinancialStatements()==1?'iconfont icon-yitijiao':'iconfont icon-weitijiao'}"></i></span></p>
									<p>6、行业许可证<span><a th:text="${one.getIndustryLicense()==1?'已提供':'未提供'}"/><i th:class="${one.getIndustryLicense()==1?'iconfont icon-yitijiao':'iconfont icon-weitijiao'}"></i></span></p>
									<h3>个人信息提供</h3>
									<p>1、房产信息及证明<span><a th:text="${one.getPropertyInfoProve()==1?'已提供':'未提供'}"/><i th:class="${one.getPropertyInfoProve()==1?'iconfont icon-yitijiao':'iconfont icon-weitijiao'}"></i></span></p>
									<p>2、车辆信息及证明<span><a th:text="${one.getCarInfoProve()==1?'已提供':'未提供'}"/><i th:class="${one.getCarInfoProve()==1?'iconfont icon-yitijiao':'iconfont icon-weitijiao'}"></i></span></p>
									<p>3、直系亲属信息及联系方式<span><a th:text="${one.getContactInfo()==1?'已提供':'未提供'}"/><i th:class="${one.getContactInfo()==1?'iconfont icon-yitijiao':'iconfont icon-weitijiao'}"></i></span></p>
									<h3>征用信息</h3>
									<p>1、征信资料<span><a th:text="${one.getCreditInfo()==1?'已提供':'未提供'}"/><i th:class="${one.getCreditInfo()==1?'iconfont icon-yitijiao':'iconfont icon-weitijiao'}"></i></span></p>
								</div>

							</div>
						</div>

					</div>
					<!--融资方案-->
				</div>

				<div class="rf_fqr" id="inner">
					<!-- 发起人信息 -->
					<div class="fqrxx" id="zhichi">
						<div class="fjdss">
							<p class="fqxx">发起人信息</p>
						</div>
						<div class="lgfqr">
							<div class="lg_l" style=""><img src="/images/5aa3a0f569305.jpg"></div><!--从数据库查询图片-->
							<div class="lg_r">发起人：
								<a href="" class="c_blue" th:text="${zczyItem.getCreateBy()}"></a>
								<p><i class="iconfont icon-htmal5icon14" ></i><a th:text="${zczyItem.getLocation()}"></a></p>
							</div>
						</div>
					</div>
					<!-- 项目位置 -->
					<div class="fqrxx" id="zhichi">
						<div class="fjdss">
							<p class="fqxx">项目位置</p><!--百度地图怎么动态实现-->
						</div>
						<div style="text-align: center;">
							<div id="allmap"></div>
						</div>
						<p style="font-size:16px;margin-left:20px;padding-bottom: 15px;">河南省郑州市高新区冬青街7号</p>
					</div>
					<!--起投金额-->
					<div class="fqrxx" id="zhichi">
						<div class="fjdss">
							<p class="fqxx">起投金额：<span>￥5000.00</span>
								<i>已预约<b>109</b>/剩余41份</i>
							</p>
						</div>
						<div style="padding: 25px 60px;">
							<div class="buttonBox">
								<a class="gradient">意向投资</a>
								<!--<a class="tst2">我要支持</a>-->
							</div>
						</div>
					</div>
					<!-- 风险提示 -->
					<div class="fqrxx" id="zhichi">
						<div class="fjdss">
							<p class="fqxx">风险提示</p>
						</div>
						<p class="fxts_tst">
							任何股权投资都具有一定风险，请仔细阅读相关投资细则，全面了解相关法律法规，根据自身的投资目的、投资期限、投资经验、资产状况等判断是否具备相应的投资风险承受能力。
						</p>
					</div>
				</div>
			</div>
		</div>
		</div>

		<!-- footer -->
		<footer>
			<div class="w clearfix">
				<div class="lg_footer clearfix">
					<div class="sm_footer">
						<div class="gplz">
							<div class="gplz_lj">
								<ul class="" style="">
									<li>
										<a href="http://www.zczyw.com/help/index/id/1">关于我们</a>
									</li>
									<li> |</li>
									<li>
										<a href="http://www.zczyw.com/help/index/id/2">联系我们</a>
									</li>
									<li> |</li>
									<li>
										<a href="http://www.zczyw.com/help/index/id/7">众筹课堂</a>
									</li>
									<li> |</li>
									<li>
										<a href="http://www.zczyw.com/help/index/id/3">注册协议</a>
									</li>
									<li> |</li>
									<li>
										<a href="http://www.zczyw.com/help/index/id/4">发起人协议</a>
									</li>
									<li> |</li>
									<li>
										<a href="http://www.zczyw.com/help/index/id/5">发起人须知</a>
									</li>
									<li> |</li>
									<li>
										<a href="http://www.zczyw.com/help/index/id/6">支持者须知</a>
									</li>
								</ul>
								<p>©2015众筹中原All rights resrved河南华晟网络科技股份有限公司 版权所有 豫ICP备 15010915号</p>
								<p style="margin-top: 14px;">中华人民共和国增值电信业务经营许可证 经营许可证编号：豫B2-20180042</p>
							</div>
						</div>
						<div class="trusted-icon">
							<a href="http://www.51miit.com/auth/CE5B140C67E74642BB83A59AE27312EE/" target="_blank">
								<img src="images/icp.png" alt="">
							</a>
							<a href="http://www.zczyw.com/Public/statics/img/shangbiaozheng.jpg" target="_blank">
								<img src="images/shangbiaozheng.png" alt="">
							</a>
							<a href="http://www.zczyw.com/Public/statics/img/zhuzuoquan.jpg" target="_blank">
								<img src="images/zhuzuoquan.png" alt="">
							</a>
							<a href="http://gsxt.haaic.gov.cn/company/detail.jspx?id=4F8FFD5FE3C8896FE053070A080AC15D&amp;jyzk=jyzc" target="_blank">
								<img src="images/gongshang.png" alt="河南工商">
							</a>
							<a href="http://webscan.360.cn/index/checkwebsite/url/www.zczyw.com" target="_blank">
								<!--<img border="0" src="http://webscan.360.cn/status/pai/hash/61b2506c91c6f99c2d853ff592ab0a1f"/>-->
								<img border="0" src="images/360.png">
							</a>
							<a href="https://www.creditchina.gov.cn/xinyongxinxixiangqing/default.html?isEncryStr=1&amp;encryStr=fWJ3bjludDZpMjE%3D%0A&amp;name=%E6%B2%B3%E5%8D%97%E5%8D%8E%E6%99%9F%E7%BD%91%E7%BB%9C%E7%A7%91%E6%8A%80%E8%82%A1%E4%BB%BD%E6%9C%89%E9%99%90%E5%85%AC%E5%8F%B8&amp;isEncryStr=1" target="_blank">
								<img src="images/china.png" alt="信用中国">
							</a>
						</div>
					</div>
				</div>
			</div>
		</footer>
		<!--弹窗-->
		<div class="popBox" style="display:none;">
			<div class="popMain">
				<h3 class="title">项目服务表 <span>x</span></h3>
				<div class="smPanel" style="padding-left: 70px;">
					<div class="ltem">
						<span class="list_head">是否去路演会现场：
						<label>
							<input type="radio" name="ra" checked="checked"><i class="iconfont icon-weixuanzhong"></i>
							是							
						</label>
						<label>
							<input type="radio" name="ra"><i class="iconfont icon-weixuanzhong"></i>否</label>
						</span>
					</div>
					<div class="ltem">
						<span class="list_head" style="float: left;">预约额度：</span>
						<label>
							<div class="check" style="float: left;">
								<span>-</span>
								<input type="text" value="2"/>
								<span>+</span>
							</div>
							<span style="font-size: 16px; line-height:30px; margin-left:5px;">份</span>
						</label>

					</div>
					<div class="ltem">
						<span class="list_head">是否要求平台委托第三方对项目做投后管理：
						<label>
							<input type="radio" name="gl" checked="checked"><i class="iconfont icon-weixuanzhong"></i>
							是							
						</label>
						<label>
							<input type="radio" name="gl"><i class="iconfont icon-weixuanzhong"></i>否</label>
						</span>
					</div>
					<div class="ltem">
						<span class="list_head" style="float: left;">其它需求：  </span>
						<textarea></textarea>
					</div>

					<div class="buttonBox" style="width: 450px;padding-bottom: 50px; margin-left: 7em;margin-top: 30px;">
						<a>提交</a>

					</div>
				</div>
			</div>
		</div>
		<!-- 侧边栏 -->
		<div class="side">
			<a class="weixin" target="blank" href="http://www.zczyw.com/" style="background-position: 0px 0px;">
				<div style="width: 0px; height: 0px; opacity: 0;"></div>
			</a>
			<a class="kefu" target="blank" href="http://www.zczyw.com/" style="display:none;"></a>
			<a class="qq" target="blank" href="http://www.zczyw.com/" style="background-position: 0px -40px;">
				<div style="width: 0px; height: 0px; opacity: 0;"></div>
			</a>
			<a class="servic" target="blank" style="background-position: 0px -80px;">
				<div style="width: 0px; height: 0px; opacity: 0;">
				</div>
			</a>
			<a class="servic" target="blank" style="background-position: 0px -118px;">
				<div style="width: 0px; height: 0px; opacity: 0;">
				</div>
			</a>
			<a class="backtop" target="blank" href="http://www.zczyw.com/" style="background-position: 0px -158px;"></a>
		</div>
		<script type="text/javascript" src="/js/jquery-1.8.3.min.js"></script>
		<!-- 名人话众筹 -->
		<script>
			$(function() { $(".flipster").flipster({ style: 'carousel', start: 0 }); });
			$(function() {
				$(".flexslider").flexslider({
					slideshowSpeed: 4000,
					animationSpeed: 400,
				});
				$('.img_gzhlj').hover(function() {
					$(".mp1").css('display', 'block');
				}, function() {
					$(".mp1").css('display', 'none');
				});
				$('.popMain .title span').click(function() {
					$('.popBox').hide()
				})
				$('.buttonBox a').click(function() {
					$('.popBox').show()
				})
			});
		</script>
		<script type="text/javascript">
			// 百度地图API功能
			var map = new BMap.Map("allmap");
			var point = new BMap.Point(116.331398, 39.897445);
			map.centerAndZoom(point, 12);
			// 创建地址解析器实例
			var myGeo = new BMap.Geocoder();
			// 将地址解析结果显示在地图上,并调整地图视野
			myGeo.getPoint("郑州市中原区高新区冬青街7号", function(point) {
				if(point) {
					map.centerAndZoom(point, 16);
					map.addOverlay(new BMap.Marker(point));
				} else {

				}
			}, "北京市");
		</script>
		<script language="javascript">
			(function() {
				var obj = document.getElementById("inner");
				var top = getTop(obj);
				var isIE6 = /msie 6/i.test(navigator.userAgent);
				window.onscroll = function() {
					var bodyScrollTop = document.documentElement.scrollTop || document.body.scrollTop;
					if(bodyScrollTop > top) {
						obj.style.position = (isIE6) ? "absolute" : "fixed";
						obj.style.top = (isIE6) ? bodyScrollTop + "px" : "0px";
					} else {
						obj.style.position = "static";
					}
				}

				function getTop(e) {
					var offset = e.offsetTop;
					if(e.offsetParent != null) offset += getTop(e.offsetParent);
					return offset;
				}
			})()
		</script>
	</body>

</html>